<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器2</title>
    <style>

    /*倒数的方式*/
    div>p:nth-last-of-type(2){
        color: red;
    }
    /*唯一的类型，仅当span的父亲只有它一个类型时选中*/
    span:only-of-type{
        color: blue;
    }
    /*选中的是html 根元素*/
    :root{
        background-color: gray;
    }
    </style>
</head>
<body>

<!--<div>-->
<!--    <span>0</span>-->
<!--    <p>1</p>-->
<!--    <p>2</p>-->
<!--    <p>3</p>-->
<!--    <p>4</p>-->
<!--    <p>5</p>-->
<!--    <p>6</p>-->
<!--    <span>7</span>-->
<!--</div>-->

<div>
    <span>0</span>
</div>
<div>
    <span>0</span>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>6</p>
    <span>7</span>
</div>
</body>
</html>